<html  lang="en"  xmlns:th="http://www.thymeleaf.org" >
<!--修改分类页面-->
<head th:include="frame/fm/res :: headerTableCss">
    <meta charset="UTF-8" />
</head>

<head th:include="frame/fm/res :: categoryCss"/>
<head>
    <script th:inline="JavaScript">
        var categoryId = [[${categoryId}]];
        $("#cateId").val(categoryId);
        var itemList = [[${itemList}]];
        var menuId = [[${menuId}]];
    </script>
    <style type="text/css">
        .form-row{
            float: left;
            width: 30%;
            padding: 20px;
        }
    </style>
    <script type="text/javascript" th:src="${application.staticUrl}+'base/category/jqueryUploader/jQuery.upload.js'"></script>
</head>
<body>

<div>
    <!-- Main Content -->
    <input type="hidden" id="cateId" />
    <input type="hidden" id="imgUrl" />
    <div class="page-wrapper">
        <div class="container-fluid">
            <span th:replace="frame/fm/res :: breadcrumb"></span>
            <!-- Row -->
            <div class="row">
                <div class="col-sm-12 col-xs-12 col-md-12 " style="background-color: white;">
                    <div class="form-wrap">
                        <form onsubmit="return addCategory.commitUpdate(this);" action="#" class="form-horizontal">
                            <div class="form-group form-row">
                                <div class="input-group">
                                    <div class="input-group-addon">分类名称</div>
                                    <input type="text" class="form-control" id="categoryName" placeholder="输入名称..."/>
                                </div>
                            </div>
                            <div class="form-group form-row">
                                <div class="input-group">
                                    <div class="input-group-addon">分类类型</div>
                                    <select id="categoryType" class="form-control" data-placeholder="输入类型..." placeholder="必填"  tabindex="1"  onchange="addCategory.queryAllCategory()">
                                        <option value="notice">信息管理</option>
                                        <option value="lesson">课程</option>
                                        <option value="lessonVid">视频</option>
                                        <!--<option value="lessonType">直播</option>-->
                                    </select>
                                </div>
                            </div>

                            <div class="form-group form-row">
                                <div class="input-group">
                                    <div class="input-group-addon">层级</div>
                                    <input type="text" class="form-control" id="categoryLevel" placeholder="输入层级..."/>
                                </div>
                            </div>

                            <div class="form-group form-row">
                                <div class="input-group">
                                    <div class="input-group-addon">序&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号</div>
                                    <input type="text" class="form-control" id="sn" placeholder="输入序号..."/>
                                </div>
                            </div>

                            <div class="form-group form-row">
                                <div class="input-group">
                                    <div class="input-group-addon">父级名称</div>
                                    <span >
                                            <select id="parentInfo" class="form-control" >

                                            </select>
                                        </span>
                                </div>
                            </div>

                            <div class="form-group form-row">
                                <div class="input-group" style="margin-left:-607px;padding-top: 100px;">
                                    <div class="input-group-addon">分类图片</div>

                                    <!--头部，相册选择和格式选择-->
                                    <span ><div id="imgDesDiv" style="">
                                        <!-- 公告图片start -->
                                        <div class="case" id="ntImgDiv">
                                            <div class="upload" style="width:210px;" id='case' data-size="200" data-width="50" data-height="50" data-num="1" ></div>

                                        </div>
                                        <!--  公告图片 end-->

                                    </div></span>
                                </div>
                            </div>

                            <div class="form-actions mt-10">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="row">
                                            <div class="col-md-offset-4 col-md-9" style="padding-bottom: 20px;">
                                                <button type="submit" id="commit" class="btn btn-primary btn-icon-anim btn-square btn-sm" style="width: 80px;"><i class="icon-heart-com"></i></button>
                                                <button type="button" id="cancel" class="btn btn-primary btn-icon-anim btn-square btn-sm" style="width: 80px;margin-left:20px"><i class="icon-shield-qx"></i></button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6"> </div>
                                </div>
                            </div>

                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--角色管理列表页-->
<span th:include="frame/fm/res :: headerTableJs"></span>
</body>
<script type="text/javascript" th:src="${application.staticUrl}+'base/category/js/addCategory.js'"></script>
</html>